<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/jsp/pages/include/global.jsp" %>

<c:set target="${self}" property="title">订单管理</c:set>

<c:set target="${self.css}" property="plugins">
<link href="${self.path.metronic}/assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />

<link href="${self.path.metronic}/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/clockface/css/clockface.css" rel="stylesheet" type="text/css" />
</c:set>

<c:set target="${self.js}" property="plugins">
<script src="${self.path.metronic}/assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/scripts/datatable.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>

<script src="${self.path.metronic}/assets/global/plugins/moment.min.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/clockface/js/clockface.js" type="text/javascript"></script>
<script src="${self.path.lib}/jquery.form.min.js" type="text/javascript"></script>
</c:set>

<c:set target="${self.css}" property="main">

</c:set>

<c:set target="${self.js}" property="main">
<script src="${self.path.resources}/app/js/order.js" type="text/javascript"></script>
</c:set>

<c:set target="${self.content}" property="main">
 <div class="row">
    <div class="col-md-12">
        <div class="portlet light">
          <div class="portlet-title">
              <div class="caption">
                  <i class="fa fa-search"></i>数据查询</div>
              <div class="tools">
                  <a href="javascript:;" class="collapse"> </a>
              </div>
          </div>
          <div class="portlet-body form">
              <!-- BEGIN FORM-->
              <form action="#" class="form-horizontal" id="query-order-form">
                  <div class="form-body">
                      <div class="row">
                          <div class="col-md-3">
                              <div class="form-group">
                                  <label class="control-label col-md-3">订单号</label>
                                  <div class="col-md-9">
                                      <input type="text" class="form-control" name="orderNo">
                                  </div>
                              </div>
                          </div>
                          <!--/span-->
                          <div class="col-md-3">
                              <div class="form-group">
                                  <label class="control-label col-md-3">订单状态</label>
                                  <div class="col-md-9">
                                       <select class="form-control select2" name="status">
		                                 <option value="">==请选择==</option>
		                                 <option value="0">待支付</option>
		                                 <option value="1">待发货</option>
		                                 <option value="2">已发货</option>
		                                 <option value="3">已撤销</option>
		                                 <option value="4">已关闭</option>
		                              </select>
                                  </div>
                              </div>
                          </div>
                          <div class="col-md-3">
                              <div class="form-group">
                                  <label class="control-label col-md-3">订单时间</label>
                                  <div class="col-md-9">
                                       <div class="input-group date-picker input-daterange" data-date-format="yyyy-mm-dd">
	                                       <input type="text" class="form-control" name="createDateStart">
	                                       <span class="input-group-addon">至 </span>
	                                       <input type="text" class="form-control" name="createDateEnd"> 
	                                   </div>
                                  </div>
                              </div>
                          </div>
                          <!--/span-->
                          <div class="col-md-3">
                              <button type="button" class="btn green query" data-table="#order_table">查询</button>
                              <button type="reset" class="btn default">重置</button>
                          </div>
                      </div>
                  </div>
              </form>
              <!-- END FORM-->
          </div>
      </div>
    </div>
</div>

 <div class="row">
    <div class="col-md-12">
		<div class="portlet light">
	         <div class="portlet-title">
	             <div class="caption">
	                 <i class="fa fa-orders"></i>订单列表</div>
	             <div class="actions">
	                 <a href="javascript:;" class="btn btn-default btn-sm exportKuaidi100">
	                     <i class="fa fa-file-excel-o"></i> 导出快递100订单 </a>
	                 <a href="javascript:;" class="btn btn-default btn-sm exportZhongtong">
	                     <i class="fa fa-file-excel-o"></i> 导出中通 </a>
	                 <a href="javascript:;" class="btn btn-default btn-sm importZhongtong">
	                     <i class="fa fa-file-excel-o"></i> 导入中通 </a>
	             </div>
	         </div>
	         <div class="portlet-body">
	             <table class="table table-striped table-bordered table-hover" id="order_table" data-query-form="#query-order-form">
	                 <thead>
	                     <tr>
	                         <th> 订单号 </th>
	                         <th> 昵称 </th>
	                         <th> 商品名称 </th>
	                         <th> 订单时间 </th>
	                         <th> 购买数量 </th>
	                         <th> 订单金额 </th>
	                         <th> 收货地址 </th>
	                         <th> 收货人 </th>
	                         <th> 联系电话 </th>
	                         <th> 状态 </th>
	                         <th> 操作</th>
	                     </tr>
	                 </thead>
	                 <tbody>
	                     
	                 </tbody>
	             </table>
	         </div>
	     </div>
	
	</div>
</div>

<div class="modal fade bs-modal-lg" id="orderAddDialog" tabindex="-1" role="dialog" aria-hidden="false">
	<div class="modal-dialog">
	    <div class="modal-content" id="orderAddDialogContent">
	        <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	            <h4 class="modal-title"><i class="fa fa-order-plus"></i>商户定义</h4>
	        </div>
	        <div class="modal-body">
	        	<form action="#" class="form-horizontal" id="orderForm">
				    <div class="form-body">
				        <div class="form-group">
				            <label class="col-md-3 control-label">商户编号</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="商户编号[系统自动生成]" name="code" readOnly>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">商户简称</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="商户简称" name="name">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">企业名称</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="企业名称" name="company">
				            </div>
				        </div>
				         <div class="form-group">
				            <label class="col-md-3 control-label">负责人</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="负责人" name="charger">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">联系电话</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="联系电话" name="tel">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">电子邮箱</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="电子邮箱" name="email">
				            </div>
				        </div>
				    </div>
				</form>
	        </div>
	        <div class="modal-footer">
	            <button type="button" class="btn green ok">保存</button>
	            <button type="button" class="btn dark btn-outline" data-dismiss="modal">关闭</button>
	        </div>
	    </div>
	    <!-- /.modal-content -->
	</div>
<!-- /.modal-dialog -->
</div>

<div class="modal fade bs-modal-lg" id="orderSendDialog" tabindex="-1" role="dialog" aria-hidden="false">
	<div class="modal-dialog">
	    <div class="modal-content" id="orderSendDialogContent">
	        <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	            <h4 class="modal-title"><i class="fa fa-order-plus"></i>发货处理</h4>
	        </div>
	        <div class="modal-body">
	        	<form action="#" class="form-horizontal" id="orderSendForm">
	        		<input type="hidden" name="orderNos"/>
				    <div class="form-body">
				        <div class="form-group">
				            <label class="col-md-3 control-label">快递单号</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="快递单号" name="trackingNumber">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">发货备注</label>
				            <div class="col-md-8">
				                <textarea class="form-control"  name="remark"></textarea>
				            </div>
				        </div>
				    </div>
				</form>
	        </div>
	        <div class="modal-footer">
	            <button type="button" class="btn green ok">保存</button>
	            <button type="button" class="btn dark btn-outline" data-dismiss="modal">关闭</button>
	        </div>
	    </div>
	    <!-- /.modal-content -->
	</div>
<!-- /.modal-dialog -->
</div>

<div class="modal fade bs-modal-lg" id="importZhongtongDialog" tabindex="-1" role="dialog" aria-hidden="false">
	<div class="modal-dialog">
	    <div class="modal-content" id="importZhongtongDialogContent">
	        <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	            <h4 class="modal-title"><i class="fa fa-order-plus"></i>导入中通返回数据文件</h4>
	        </div>
	        <div class="modal-body">
	        	<form action="#" class="form-horizontal" id="importZhongtongForm">
	        		<input type="hidden" name="orderNos"/>
				    <div class="form-body">
				        <div class="form-group">
				            <label class="col-md-3 control-label">数据文件</label>
				            <div class="col-md-8">
				                <input type="file" class="form-control" placeholder="快递单号" name="dataFile">
				            </div>
				        </div>
				    </div>
				</form>
	        </div>
	        <div class="modal-footer">
	            <button type="button" class="btn green ok">导入</button>
	            <button type="button" class="btn dark btn-outline" data-dismiss="modal">关闭</button>
	        </div>
	    </div>
	    <!-- /.modal-content -->
	</div>
<!-- /.modal-dialog -->
</div>

</c:set>

<%@ include file="/WEB-INF/views/jsp/pages/include/main.jsp"%>